<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>岳阳微易购贸易有限公司</title>
<script src="js/jquery.js"></script>
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet">
<link href="css/default-theme.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/bootstrap-reset.css" rel="stylesheet">
</head>
<body class="sticky-header">
<section>
  <div class="sidebar-left">
    <div class="sidebar-left-info">
      <div class=" search-field"> </div>
      <ul class="nav nav-pills nav-stacked side-navigation">
        <li class="menu-list"> <a href=""><i class="fa fa-drivers-license"></i> <span>ID卡管理</span></a>
          <ul class="child-list">
            <li><a href="index.html">卡号管理</a></li>
          </ul>
        </li>
        <li class="menu-list "> <a href=""><i class="fa fa-file-text"></i> <span>订单管理</span></a>
          <ul class="child-list">
            <li><a href="销售订单列表.html">销售订单列表</a></li>
            <li><a href="充值订单列表.html">充值订单列表</a></li>
            <li><a href="补货订单列表.html">补货订单列表</a></li>
          </ul>
        </li>
        <li class="menu-list"><a href=""><i class="fa fa-shopping-cart"></i> <span>商品管理</span></a>
          <ul class="child-list">
            <li ><a href="商品列表.html">商品列表</a></li>
          </ul>
        </li>
        <li class="menu-list   nav-active"><a href=""><i class="fa fa-desktop"></i> <span>机器管理</span></a>
          <ul class="child-list">
            <li class="active"><a href="机器列表.html"> 机器列表</a></li>
            <li><a href="货道列表.html">货道列表</a></li>
            <li><a href="补货预警设置.html">补货预警设置</a></li>
          </ul>
        </li>
        <li class="menu-list"><a href="javascript:;"><i class="fa fa-pie-chart"></i> <span>数据管理</span></a>
          <ul class="child-list">
            <li><a href="数据统计.html">数据统计</a></li>
          </ul>
        </li>
        <li class="menu-list"><a href=""><i class="fa fa-users"></i> <span>用户管理</span></a>
          <ul class="child-list">
            <li><a href="员工列表.html">用户列表</a></li>
            <li><a href="微信接入.html">微信接入</a></li>
            <li><a href="微信菜单.html">微信菜单</a></li>
            <li><a href="微信支付.html">微信支付</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
  <div class="body-content" >
    <div class="header-section">
      <div class="logo dark-logo-bg"> <a href="index.html"> <img src="img/logo-icon.png" alt=""> 
        <!--<i class="fa fa-maxcdn"></i>--> 
        <span class="brand-name" style="font-size: 15px; font-weight: bold;">岳阳微易购贸易有限公司</span> </a> </div>
      <div class="icon-logo dark-logo-bg hidden-xs hidden-sm"> <a href="index.html"><img src="img/logo-icon.png" alt=""> </a> </div>
      <a class="toggle-btn"><i class="fa fa-outdent"></i></a>
      <div class="kouhao">专注健康.营养</div>
      <div class="notification-wrap">
        <div class="right-notification">
          <ul class="notification-menu">
            <li> <a href="javascript:;" class="btn btn-default  dropdown-toggle"> <i class="fa  fa-cogs"></i>账号设置 </a> </li>
            <li> <a href="javascript:;" class="btn btn-default  dropdown-toggle"> <i class="fa fa-sign-out"></i>退出登录 </a> </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="page-head">
      <ol class="breadcrumb">
        <li><a href="#">机器管理</a></li>
        <li ><a href="机器列表.html">机器列表</a></li>
		  <li  class="active">货道管理</li>
      </ol>
      <h3>货道管理</h3>
    </div>
    <div class="wrapper">
      <div class="panel">
        <div class="panel-body">
       
			<div class="form1 searchbox">
            <ul class="row">
            
              <li class="col-xs-4"> <span>状态：</span>
                <select class="form-control">
                  <option>故障</option>
                  <option>禁用</option>
                </select>
              </li>
              <li class="col-xs-2" style="padding-left: 0"> <a href="#" class="btn btn-primary">搜索</a> </li>
            </ul>
          </div>
			<div class="line"></div>
          <div class="clearfix">
            <div class="pull-left"> 
				<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#myModal2">新增货道</a>
				<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#myModal3">批量新增</a>


			  </div>
            <div class="pull-right"></div>
          </div>
          
			
			
			<table class="table m-t-20">
        <tbody><tr>
            <th>货道名</th>
            <th>货道仓容量</th>
            <th>存放商品</th>
            <th>商品存量</th>
            <th>商品单价</th>
            <th>货道状态</th>
            <th>操作</th>
        </tr>
                <tr>
            <td>货道10</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
                <tr>
            <td>货道11</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
                <tr>
            <td>货道12</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
                <tr>
            <td>货道13</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
                <tr>
            <td>货道14</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
                <tr>
            <td>货道15</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
                <tr>
            <td>货道16</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
           <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
                <tr>
            <td>货道17</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
                <tr>
            <td>货道18</td>
            <td>10</td>
            <td>德博克测试</td>
            <td>10</td>
            <td>5.00</td>
            <td>正常</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#myModal">编辑</a>
                 <a href="#">删除</a>
            </td>
        </tr>
            </tbody></table>
			
			
          <div class="page clearfix">
            <div class="pull-left">共 400 条记录 第 1 / 80 页</div>
            <div class="pull-right">
              <nav aria-label="..." class="pull-left">
                <ul class="pagination">
                  <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                  <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
                </ul>
              </nav>
              <div class="pull-left p-r-20  p-l-20">
                <select class="form-control">
                  <option>10条每页</option>
                </select>
              </div>
              <div class="pull-left">跳至
                <input type="text" value="5" class="form-control">
                页</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
	


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" style="width: 500px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">修改货道</h4>
      </div>
      <div class="modal-body">
    <div class="form1 form2">
            <ul class="row">
              <li class="col-xs-12"> <span>货道ID：</span>
                <input type="text" class="form-control">
              </li>
				<li class="col-xs-12"> <span>货道：</span>
					<select  class="form-control"><option>10</option></select>
              </li>
			
				<li class="col-xs-12"> <span>货道仓容量：</span>
                 <select  class="form-control"><option>1</option></select>
              </li>
				<li class="col-xs-12"> <span>存放商品：</span>
                 <select  class="form-control"><option>选项</option></select>
              </li>
				<li class="col-xs-12"> <span>商品存量：</span>
                <input type="text" class="form-control">
              </li>
				<li class="col-xs-12"> <span>货道状态：</span>
                 <select  class="form-control"><option>正常</option></select>
              </li>
        
            </ul>
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">提交</button>
      </div>
    </div>
  </div>
</div>
	
	<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" style="width: 500px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel2">新增新货道</h4>
      </div>
      <div class="modal-body">
    
		  <div class="form1 form2">
            <ul class="row">
              <li class="col-xs-12"> <span>货道：</span>
                <select  class="form-control"><option>选项</option></select>
              </li>
				<li class="col-xs-12"> <span>货道仓容量：</span>
                <select  class="form-control"><option>10</option></select>
              </li>
				<li class="col-xs-12"> <span>存放商品：</span>
                <select  class="form-control"><option>选项</option></select>
              </li>
				<li class="col-xs-12"> <span>商品存量：</span>
                <input type="text" class="form-control">
              </li>
				<li class="col-xs-12"> <span>货道状态：</span>
                <select  class="form-control"><option>正常</option></select>
              </li>
				
            </ul>
          </div>
		  
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">提交</button>
      </div>
    </div>
  </div>
</div>
	
	<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" style="width: 500px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel3">新增新货道</h4>
      </div>
      <div class="modal-body">
    
		  <div class="form1 form2">
            <ul class="row">
              <li class="col-xs-12"> <span>开始货道：</span>
                <input type="text" class="form-control">
              </li>
				<li class="col-xs-12"> <span>结束货道：</span>
                <input type="text" class="form-control">
					
              </li>
			
				<li class="col-xs-12"> <span>货道仓容量：</span>
                <select  class="form-control"><option>10</option></select>
              </li>
				<li class="col-xs-12"> <span>存放商品：</span>
                <select  class="form-control"><option>选项</option></select>
              </li>
				<li class="col-xs-12"> <span>商品存量：</span>
                <input type="text" class="form-control">
              </li>
				
				<li class="col-xs-12"> <span>货道状态：</span>
                  <select  class="form-control"><option>正常</option></select>
              </li>
				
            </ul>
          </div>
		  
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">提交</button>
      </div>
    </div>
  </div>
</div>

	
	
	
	
	
	
	
<script src="js/bootstrap.js"></script> 
<script src="js/echarts.min.js"></script> 
<script src="js/scripts.js"></script> 
<script src="laydate/laydate.js"></script> 
<script>
lay('#version').html('-v'+ laydate.v);
laydate.render({
    elem: '#test1'
  ,range: true
  ,theme: '#1890ff'
});
</script>
</body>
</html>
